body{margin: 0; padding: 0; font-family: Helvetica,arial; background:#eee; font-size: 75%;}
a{text-decoration: none;}
.clear{clear: both;}
#button{border: none; background: black;color: white;}
#button:hover{background: white;color: black; cursor: pointer;}
input:focus,select:focus{ outline: none;}
.error{color: red; font-size: 11px;}
.msg{color:red; }
.nav{padding:15px 30px 5px 30px;border-bottom: 1px solid #AAAAAA;}
.header{background:#ccc; color: #666; padding: 1em 1em 0 1em;}
.container{width: 100%; background: white; line-height: 1;}
.content{background: white; width: 60%; padding: 2em; margin: 0 auto; text-align: justify;}
.content_gallery{background: white;  padding: 2em; margin: 0 auto; text-align: justify;}
.loading, .result{display: none;}
.gohome{background:url('../../../resources/imgs/home.png') 0px 0 no-repeat; padding:6px 25px;}

/* navigation  */
.menu  a{ color: #666;}
.menu li{ list-style: none; float: left; padding: 0.5em 1em 0.5em 1em; margin-top: 1em;}
.menu li:hover {background: #eee; cursor: pointer;}
.menu li.active{background: #eee; }

/* submenu */

.submenu {background: black;}
.submenu li { list-style: none; float: left;  background: black; color: white; padding: 0.5em 1.5em;}
.submenu li:hover {background: #eee; cursor: pointer; color: black;}
.submenu li.active{background: #eee;color: black; }
.submenu .operation a{ float: right; color: black; background:  aqua; padding: 0.5em 1.5em; border-left: 1px solid black;}

/* Article  */
.article_list {font-size: 14px;}
.article_list a{text-decoration: underline; color: #0748AB;}
.form{padding: 2em;}

/* Profile  */
.user_list {font-size: 14px;}
.user_list a{text-decoration: underline; color: #0748AB;}
.form{padding: 2em;}

/*gallery*/

.photo_list{ padding: 1em; }
.photo_list li{ list-style: none; float: left; padding: 0.5em; height:auto; background: black; color: white; margin: 0.5em 0.5em;}
.photo_list li a{color: red;}

/** links **/
.links_list li {list-style: none; padding: 0.5em 1em; background: gray; float: left; margin: 1em;}

.links_list li a{ color: black; }

/**GET_ URL**/

.overlay{width: 100%;height: 100%; position: absolute; display: none;}
.overflow{width: 100%; height: 100%; background: black; opacity: 0.9; position: absolute; z-index: 998;}
.url{z-index: 999; position: relative; margin: 0 auto; width: 500px; margin-top: 25%; }
 .url span{padding: 1em; text-align: right; width: 100px; color: white;}
.url input{width:500px;}

/*Orders*/
.print_content{display: none;}
.order_search{padding:20px;text-align:center;}
.order_sum {text-align:center;}
.order_sum table{font-size:15px;}
.order_sum .each_item:hover{background:skyblue;}
.function_box{position:fixed;z-index:998;width:100%;height:100%;display:none;}
.change_status{width:400px;height:20px;padding:10px;background:white;margin:200px auto;text-align:center;position:relative;z-index:999;}
.function_box_bg{width:100%;height:100%;top:0;background:black;opacity:0.5;position:fixed;}
.function_box input{font-size:25px;}
tr.border_bottom td {
  border-bottom:1pt solid #ccc;
  height:20px;
}
tr.border_bottom td label{color:white;background:#EE4739;padding:3px 10px;}
/*Catalogue*/
#menu {width:100%;background:#666;margin:0;padding:0;}
#menu a{color:white; font-size:13px;}
#menu li{list-style:none;float:left; padding:8px 15px;}
#menu li:hover{background:#eee; color:#666;}
#menu li.active{background:#e1e1e1;color:#333; }
#submenu {width:100%;background:#999;margin:0;padding:0;}
#submenu a{color:white; font-size:13px;}
#submenu li{list-style:none;float:left; padding:8px 15px;}
#submenu li:hover{background:#eee; color:#666;}
#submenu li.active{background:#e1e1e1;color:#333; }
.product table{text-align:center;font-size:medium;}
.product thead{background:skyblue;}
.product tbody{background:#fff;}
.product table tr td{padding:10px;border-bottom: 1px solid #ccc;}
.product table tr:hover{background:#C4D4F1;cursor:pointer;}

/*Product*/
.product_ctn{padding:20px;}
.product_ctn .product{float:left;padding:0 40px;}
.product_ctn .product label{font-weight:bold; color:#333; margin: 5px 12px;display:block;}
.product_ctn .product input[type="text"] {border:none; padding:4px;width:200px;border-radius:5px;}
.product_ctn .product img{vertical-align:middle;}
.product_ctn .product_attribute{float:left;padding:0 40px;}  
.product_ctn .product_attribute  label{font-weight:bold; color:#333; margin: 5px 12px;display:block;}
.product_ctn .product_attribute  input[type="text"] {border:none; padding:4px;width:200px;border-radius:5px;}
.product_ctn .product_attribute img{vertical-align:middle;}
/*Calendar*/
.calendar{}
table.calendar {margin:auto;border-collapse:collapse;}
.calendar  .cal_header th{padding:20px;}
.calendar .cal_week td{text-align: center;}
.calendar .days td{padding:4px;width:80px;height:80px;vertical-align:top; border:1px solid #666;}
.calendar .days td:hover{background:#ccc;cursor:pointer;}
.calendar .highlight{color:red; font-weight:bold;}
.calendar .cal_content{height:40px;padding-top:25px;background:skyblue;text-align:center;font-weight:bold;}


/*fax*/
.fax_header{padding:15px;}
.fax table { text-align:center;}
.fax table th{background:skyblue;}
.fax table tr td{padding:10px;border-bottom: 1px solid #ccc;}
.fax table tr:hover{background:#C4D4F1;}
.fax_proprety{padding:10px;margin:40px auto;width:200px;}
.fax_proprety a{text-decoration:underline; color:#333;}


/*shop*/
.shop_ctn{padding:20px;}
.shop{background:#ddd;padding:20px;margin:10px 0; float:left;}
.shop label{font-weight:bold; color:#333; margin: 0 12px;display:block;}
.shop input[type="text"] {border:none; padding:4px;width:200px;border-radius:5px;}


/*Lunch Box*/
.lunchbox{padding:10px;}
